body {margin:0; font-size:12px; line-height:16px; font-family:  Tahoma, Arial, Helvetica, sans-serif; background-color:#000000; color:#FFFFFF;}
a {color:#008F06; text-decoration:none;}
a:hover {text-decoration:underline;}
.title h1{font-size:22px; color:#8F8F8F; padding:6px 0 0 0;height:25px;background:url(images/back_h1.png) no-repeat right;}

#all {background:url(images/body_bckg.jpg) repeat-x #60ce1a;}
#container {width:960px; margin:0 auto;}

#header {background:url(images/head_bckg.jpg) no-repeat #000000; height:186px;}
#logo {padding:40px 25px; width:215px; float:left; text-align:center;}
#logo a {color:#d8cd3d; text-decoration:none; font-size:16px; text-transform:uppercase;}
#head {float:right; width:690px;}
#head p {font-size:10px; color:#FFFFFF; line-height:10px; margin:0; padding:0 20px;}
#head ul {list-style:none; padding:0; margin:150px 0; height:0px;}
#head ul li {
color:#FFFFFF; 
font-weight:bold;
float:left;
padding:0 2px;}
#head a {display:block; width:120px; height:32px; color:#FFFFFF; text-decoration:none; background:url(images/text_top_bckg.jpg) no-repeat; text-align:center; padding-top:5px; font-size:15px;}
#head a:hover {background:url(images/text_top_bckg_over.jpg) no-repeat;}

#main {background:url(images/textarea_bckg.jpg) no-repeat #FFFFFF; float:left; width:100%; min-height:250px;}
#menu {
background-color:#000000;
float:left; 
width:215px;
padding:25px;
min-height:450px;
}
#menu ul {list-style:none; padding:0; margin:0;}
#menu a {font-size:14px; font-style:bold; text-decoration:none; color:#FFFFFF; font-weight:bold; display:block; width:180px; height:30px; padding:5px 10px 0 10px; border-bottom:1px solid #4c4c4c; text-transform:lowercase;}
#menu a:hover {background-color:#009900;}
#text {
padding:15px 20px 20px 290px;
color:#000000;
}

#footer {background:url(images/footer_text.jpg) no-repeat #000000; height:16px; color:#858383; font-size:11px; padding:59px 30px 0 30px; clear:both;}
#left_footer {float:left;}
#right_footer {float:right;}

#bottom {background:url(images/footer_bckg.jpg) repeat-x #000000;}
#bottom_center {width:960px; margin:0 auto; background:url(images/center_foot.jpg) no-repeat #000000; height:191px;}

ul#gallery {list-style-type:none; margin:0; padding:0;}
ul#gallery li {float:left; margin:0 10px 10px 0;}
ul#gallery li a img {
width:140px; 
height:auto;
border:2px solid #4F4F4F;
}
ul#gallery li a img:hover {
border:2px solid #DFDFDF;
}

/* =Table
------------------------------------------------------------------------------------------------*/
table{
	font-size:100%;
}

table th{
	font-weight:bold;
	background:#008F06;
	color:#fff;
	border: solid 1px #fff;
}

table td{
	text-align:left;
	padding:4px 10px 4px 10px;
	border: solid 1px #fff;
}

table th {
	text-align:center;
	padding:4px 10px 4px 10px;
}

.zebra {
	background:#F1FFCF;
}
.zebra:hover {
	background:#DEFF8F;
}

.zebra2 {
	background:#fff;
}
.zebra2:hover {
	background:#DEFF8F;
}

/* =Form
------------------------------------------------------------------------------------------------*/

form{
	padding:10px;
}

p label{
	display:block;
	float:left;
	margin-right:5px;
	margin-top:5px;
	text-align:right;
	width:100px;
}

form p{
	margin-bottom:10px;
}


#btn{
	padding:0 4px;
	margin-left:150px;
}

#btn .submit{
	padding:0px 0px 3px 0px;
	border:#008F06 solid 1px;
	margin-left:10px;
	min-height:25px;
	min-width:70px;
	
}

.submit:hover{
	background:#AAEF77;
	cursor: pointer;
}


.form_field{
	height:20px;
	border:#666 solid 1px;
	padding: 4px 4px 0px 4px;
}


.form_field:focus{
	border:#008F06 solid 1px;
}

.form_field_area{
	height:150px;
	width:400px;
	border:#666 solid 1px;
	padding: 4px 4px 0px 4px;
}

.form_field_area:focus{
	border:#008F06 solid 1px;
}

p.message{
	color:#900;
	font-weight:bold;
	margin-bottom:10px;
	background-color:#6F6;
	padding:5px;
	border:1px solid #090;
}

.field_error{
	clear:both;
	color:#F00;
	margin-left:150px;
}

fieldset{
	border:1px solid;
	padding-left:10px;
	margin-bottom:10px;
}

/* =Link
------------------------------------------------------------------------------------------------*/
.action{
	width:120px;
}
a.add, 
a.update, 
a.delete,
a.back,
a.next,
a.excel,
a.aktif,
a.nonaktif{
	font-size: 9pt;
	color:#900;
	font-weight:bold;
	padding-left:20px;
	text-decoration: none;
}

a.add:hover,
a.update:hover,
a.delete:hover,
a.back:hover,
a.next:hover,
a.excel:hover,
a.aktif:hover
a.nonaktif:hover{
	color:#FFCB2D;
}

a.add {
	background:url(images/2.png) left center no-repeat;
}
a.update {
	background:url(images/12.png) left center no-repeat;
}
a.delete {
	background:url(images/7.png) left center no-repeat;
}
a.next {
	background:url(images/9.png) left center no-repeat;
}
a.back {
	background:url(images/10.png) left center no-repeat;
}
a.excel {
	background:url(images/13.png) left center no-repeat;
}
a.aktif {
	background:url(images/8.png) left center no-repeat;
}
a.nonaktif {
	background:url(images/1.png) left center no-repeat;
}

p#bottom_link{
	margin-top:10px;
}

